/* header start */
.content {
    background-color: #f5f5f5;
}
.sidebar {
    position: fixed;
    top: 50%;
    right: 4.4%;
    z-index: 2;
}
.report, .feedback, .phone {
    display: block;
    width: 33px;
    height: 34px;
    margin-bottom: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
}
.report {
    background: url(../../img/dj/icon_02.png) no-repeat;
}
.report:hover {
    background: url(../../img/dj/icon_03.png) no-repeat;
}
.feedback {
    background: url(../../img/dj/icon_04.png) no-repeat;
}
.feedback:hover {
    background: url(../../img/dj/icon_05.png) no-repeat;
}
.phone {
    background: url(../../img/dj/icon_06.png) no-repeat;
}
.phone:hover {
    background: url(../../img/dj/icon_07.png) no-repeat;
}
.layui-nav {
    background-color: #fff;
}
.nav_1 {
    width: 1100px;
    margin: 0 auto;
    /* border-bottom: 1px solid #ccc; */
    z-index: 100;
}
.layui-nav .layui-nav-item a {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #333333;
}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
    color: #4381FD;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    background-color: #4381FD;
    height: 2px;
}
.layui-nav-img {
    width: 26px;
    height: 26px;
    margin-left: 10px;
    margin-right: 0;
}
.nav_title {
    width: 330px;
    margin-right: 9%;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 60px;
}
.nav_title .dh_icon {
    float: left;
    width: 30px;
    height: 30px;
    background: url(../img/icon_01.png) no-repeat;
    background-size: 30px;
    margin-top: 8px;
}
.nav_title p {
    float: left;
    line-height: 50px;
    font-size: 22px;
    background: linear-gradient(to right, #FAD961, #F76B1C);
    -webkit-background-clip: text;
    color: transparent;
    cursor: context-menu;
}
.nav_content_1 {
    background-color: #fff;
}
.nav_content_2 {
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}
/* header end */

.layui-nav .layui-nav-more {
    border-color: #4381FD transparent transparent;
}
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more {
    border-color: transparent transparent #4381FD;
}
.nav_2 {
    width: 1180px;
    margin: 0 auto;
}
.nav_btn {
    position: relative;
    float: right;
    vertical-align: middle;
    line-height: 60px;
    font-size: 16px;
}
.nav_btn a {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #333333;
    display: block;
    width: 147px;
    height: 30px;
    color: #fff;
    background-color: #6497EA;
    border: 1px solid #6497EA;
    border-radius: 100px;
    text-align: center;
    line-height: 30px;
    margin-top: 15px;
    transition: background-color 0.5s, color 0.5s;
}
.nav_btn a:hover {
    color: #6497EA;
    background-color: #fff;
}
.nav_3 {
    padding-top: 26px;
    width: 1130px;
    margin: 0 auto;
}
.nav_3 a {
    float: left;
    width: 100px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999999;
    border: 1px solid #CCCCCC;
    border-radius: 100px;
    margin-right: 22px;
}
.nav_3 .active {
    color: #4381FD; 
    border: 1px solid #4381FD;
}

/* page start */
#page {
    text-align: center;
    margin-bottom: 60px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #4381FD;
}
.layui-laypage a:hover {
    color: #4381FD;
}
/* page end */

/* footer start */
.footer {
    width: 100%;
    height: 180px;
    background: rgba(0,0,0,0.70);
}
.footer p {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 1.56px;
    text-align: center;
    padding-top: 16px;
}
.footer p:nth-child(1) {
    padding-top: 52px;
}
/* footer end */

/* sidebar start */
.nav_center {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 60px;
}
.nav_center a {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #333333;
    cursor: default;
    display: block;
    padding: 0 20px;
}
.center_content .layui-nav-side {
    padding-top: 61px;
    background: #4381FD;
    z-index: 50;
}
.center_content .layui-nav-tree .layui-nav-item a:hover {
    color: #fff;
    background-color:#6C9DFF;
}
.center_content .layui-nav-tree .layui-nav-item a {
    color: #fff;
}
.center_content .layui-nav-tree .layui-this>a {
    background-color: #6C9DFF;
}
.center_content .layui-nav-tree .layui-nav-bar {
    width: 0;
}
/* sidebar end */